﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
-->
<html>
<head>
<script src="../da/da_source_1.3.5.js" type="text/javascript"></script>
<script src="../daFx/daFx_source.js" type="text/javascript"></script>
<script src="../daCanvas/daSVG_source.js" type="text/javascript"></script>
<script src="../daCanvas/daVML_source_1.1.2.js" type="text/javascript"></script>
<script src="../daCanvas/daCanvas_source.js" type="text/javascript"></script>


<script src="daGuide_source.js" type="text/javascript"></script>

<title>daGuide测试页面</title>
	<script language="javascript">
		var guideObj;
		
		da(function(){
			guideObj = daGuide({
					type: "步骤",
					step: [
						[1, "#step1", "点击进入第二步"],
						[2, "#step2" ],
						[3, "#step3", "请您输入“我是小狗”"],
						[4, "600,450,300,300", "你需要填写……乱七八糟的东东。"]
					]
			});
			
		});
	
	

		function s3(){
			if( "我是小狗" == this.value )
				guideObj.next(4);
		}
</script>
</head>

<body>
		<div style="text-align:center;">
			<input  type="button"  value="启动向导" onclick="guideObj.start()" />
			<input  type="button"  value="清空缓存" onclick="da.cookie('daGuide','')" />
			<table style="width:800px; height:600px;" border="1px" cellspacing="0" cellpadding="0">
				<tr>
					<td >
						<input type="text" />
					</td>
					<td  >
						<input type="button" id="step1" onclick="guideObj.next(2);" value="下一步" />
					</td>
					<td  >
						<input type="text" />
					</td>
				</tr>
				<tr>
					<td  >
						<input type="text" />
					</td>
					<td  >
						<input type="text" />
					</td>
					<td   />
						<input type="button" id="step2" onclick="guideObj.next(3);" value="下一步" />
					</td>
				</tr>
				<tr>
					<td  >
						<input type="text" />
					</td>
					<td  >
						<input type="text" id="step3" onkeyup="s3.call(this);" value="嘿嘿，你明白的" />
					</td>
					<td  >
						<input type="text" />
					</td>
				</tr>
				<tr>
					<td  >
						<input type="text" />
					</td>
					<td  >
						<input type="text" id="step4"  onclick="guideObj.next(1)"/>
					</td>
					<td  >
						<input type="text" />
					</td>
				</tr>
				<tr>
					<td   >
						<input type="text" />
					</td>
					<td  >
						<input type="text" />
					</td>
					<td >
						
					</td>
				</tr>
			</table>
		</div>

</body>
</html>
